<#include "/common/_layout.html"> <#assign pageJavascript>
<script type="text/javascript" src="/assets/daterangepicker/momen.js"></script>
<script type="text/javascript"
	src="/assets/daterangepicker/daterangepicker.js"></script>
<script type="text/javascript" src="/assets/echarts/echarts.min.js"></script>
  <script src="/assets/flot/excanvas.min.js"></script>
    <script src="/assets/flot/jquery.flot.js"></script>
<script src="/assets/flot/jquery.flot.pie.js"></script>
<script src="/assets/flot/jquery.flot.tooltip.min.js"></script>
<script type="text/javascript">
</script>
</#assign> <#assign pageCss>
<style type="text/css">
</style>
</#assign> <@layout pageTitle="首页" pageJavascript=pageJavascript
pageCss=pageCss>
<div class="col-lg-12">
	<h1 class="page-header">用户中心</h1>
</div>
<!-- /.row -->
<div class="row">
	<div class="col-lg-3 col-md-6">
		<div class="panel panel-primary">
			<div class="panel-heading">
				<div class="row">
					<div class="col-xs-3">
						<i class="fa fa-group fa-5x"></i>
					</div>
					<div class="col-xs-9 text-right">
						<div class="huge">${(deviceuser.duser)!}</div>
						<div>用户数量</div>
					</div>
				</div>
			</div>
			<a href="/admin/user/list">
				<div class="panel-footer">
					<span class="pull-left">查看详情</span> <span class="pull-right"><i
						class="fa fa-arrow-circle-right"></i></span>
					<div class="clearfix"></div>
				</div>
			</a>
		</div>
	</div>
	<div class="col-lg-3 col-md-6">
		<div class="panel panel-green">
			<div class="panel-heading">
				<div class="row">
					<div class="col-xs-3">
						<i class="fa fa-user fa-5x"></i>
					</div>
					<div class="col-xs-9 text-right">
						<div class="huge">${(adminconut.adminconut)!}</div>
						<div>管理员数量</div>
					</div>
				</div>
			</div>
			<a href="/admin/system/user">
				<div class="panel-footer">
					<span class="pull-left">查看更多</span> <span class="pull-right"><i
						class="fa fa-arrow-circle-right"></i></span>
					<div class="clearfix"></div>
				</div>
			</a>
		</div>
	</div>
	<div class="col-lg-3 col-md-6">
		<div class="panel panel-yellow">
			<div class="panel-heading">
				<div class="row">
					<div class="col-xs-3">
						<i class="fa fa-gears fa-5x"></i>
					</div>
					<div class="col-xs-9 text-right">
						<div class="huge">${(devicecon.cond)!}</div>
						<div>设备数量</div>
					</div>
				</div>
			</div>
			<a href="/admin/device/device">
				<div class="panel-footer">
					<span class="pull-left">查看更多</span> <span class="pull-right"><i
						class="fa fa-arrow-circle-right"></i></span>
					<div class="clearfix"></div>
				</div>
			</a>
		</div>
	</div>
	<div class="col-lg-3 col-md-6">
		<div class="panel panel-red">
			<div class="panel-heading">
				<div class="row">
					<div class="col-xs-3">
						<i class="fa fa-codepen fa-5x"></i>
					</div>
					<div class="col-xs-9 text-right">
						<div class="huge">${(bootconut.bootconut)!}</div>
						<div>固件管理</div>
					</div>
				</div>
			</div>
			<a href="/admin/system/boot">
				<div class="panel-footer">
					<span class="pull-left">查看更多</span> <span class="pull-right"><i
						class="fa fa-arrow-circle-right"></i></span>
					<div class="clearfix"></div>
				</div>
			</a>
		</div>
	</div>
</div>
<!-- /.row -->
<div class="row">
	<div class="col-lg-8">
		<div class="panel panel-default" style="overflow: auto;">
			<div class="panel-heading">
				<i class="fa fa-bar-chart-o fa-fw"></i>设备详情
			</div>
			<div class="panel-body">
				<div class="col-md-3 col-xs-6">
					<div class="panel panel-green">
						<div class="panel-heading">
							<div class="row">
								<div class="col-xs-9 text-left">
									<h3>${(newdevice.newde)!}</h3>
									<p>新增设备</p>
								</div>
								<div class="col-xs-1">
									<i class="fa fa-gears fa-fw"></i>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-6">
					<div class="panel panel-red">
						<div class="panel-heading">
							<div class="row">
								<div class="col-xs-9 text-left">
									<h3>${(deviceunline.cond)!}</h3>
									<p>未联网设备</p>
								</div>
								<div class="col-xs-1">
									<i class="fa  fa-sign-out fa-fw"></i>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-6">
					<div class="panel panel-yellow">
						<div class="panel-heading">
							<div class="row">
								<div class="col-xs-9 text-left">
									<h3>${(deviceoline.cond)!}</h3>
									<p>联网设备</p>
								</div>
								<div class="col-xs-1">
									<i class="fa  fa-rss fa-fw"></i>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-6">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<div class="row">
								<div class="col-xs-9 text-left">
									<h3>${(expdevice.expde)!}</h3>
									<p>过期设备</p>
								</div>
								<div class="col-xs-1">
									<i class="fa fa-circle-o fa-fw"></i>
								</div>
							</div>
						</div>
					</div>
				</div>												
			</div>
		</div>
	</div>
	<!-- /.col-lg-8 -->
	<div class="col-lg-4">
		<div class="panel panel-default">
			<div class="panel-heading">
				<i class="fa fa-pencil fa-fw"></i> 消息提醒
			</div>
			<!-- /.panel-heading -->
			<div class="panel-body">
				<div class="list-group">

					<#if feedbacklist??> <#list feedbacklist as data> <a
						href="/admin/reminder"
						class="list-group-item">
						<p>
						<span class="pull-left"> 
						<#if data.type = 1>
						<i class="fa fa-comment fa-fw" style="color:#f0ad4e;"></i>
						<span style="color:#f0ad4e;">泄露报警</span>
						</#if>
						<#if data.type = 2>
						<i class="fa fa-comment fa-fw" style="color:red;"></i>
						<span style="color:red;">消防报警</span>
						</#if>
						<#if data.type = 0>
						<i class="fa fa-comment fa-fw" style="color:blue;"></i>
						<span style="color:blue;">正常</span>
						</#if>&nbsp;
						(设备：<span class="text-muted small">${(data.mac)!}</span>)
						</span>
						<span class="pull-right text-muted small">${(data.intime)!}</span>
						</p>
						 <p style="margin-top: 29px;">有毒气体：${(data.ydvalue)!}ppm，可燃气体：${(data.krvalue)!}%LEL</p></em>
					</span>
					</a> </#list> </#if>
				</div>
				<!-- /.list-group -->
				<a href="/admin/reminder" class="btn btn-default btn-block">查看更多</a>
			</div>
			<!-- /.panel-body -->
		</div>
	</div>
	<!-- /.panel .chat-panel -->
</div>
</@layout>
